﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <link href="~/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="~/css/bootstrap-table.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="~/css/base.css" />
    <link rel="stylesheet" href="~/css/info-mgt.css" />

    <link rel="stylesheet" href="~/layui/css/layui.css" />

    <script type="text/javascript" src="~/layui/layui.js"></script>
    <script type="text/javascript" src="~/js/jquery.js"></script>
    <script src="~/js/mytrain.js"></script>
    <script src="~/js/bootstrap.min.js"></script>
    <script src="~/js/bootstrap-table.js"></script>
    <script src="~/js/bootstrap-table-zh-CN.min.js"></script>
    <script src="~/js/date/js/laydate.js"></script>
    <script src="~/js/mytrain.js"></script>
    <script src="~/js/layer_v2.1/layer/layer.js"></script>
    <script src="~/layui/time.js"></script>
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    <script src="~/js/mytrain.js"></script>
    <style>
        .layui-layer-title {
            background: url(~/images/righttitlebig.png) repeat-x;
            font-weight: bold;
            color: #46647e;
            border: 1px solid #c1d3de;
            height: 33px;
            line-height: 33px;
        }

        .tabe_bot label {
            width: 70px;
            text-align: right;
            font-size: 14px;
            font-weight: 900;
            color: #46647e
        }

        .l_left {
            float: left
        }

        .tabe_bot input, .tabe_bot select {
            width: 180px;
            height: 30px;
            border-radius: 6px;
            margin: 0 20px 0 0;
            border: none;
            border: 1px #ccc solid
        }

        .tabe_btn {
            width: 60px;
            height: 30px;
            background-color: #68b86c;
            border: none;
            border-radius: 6px;
            color: #fff
        }

        .he {
            width: 100px;
            height: 60px
        }

        .table-operate a {
            width: 74px;
        }

        .update {
            display: inline-block;
            height: 22px;
            line-height: 22px;
            padding: 0 5px;
            background-color: #68b86c;
            color: #fff;
            white-space: nowrap;
            text-align: center;
            font-size: 12px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .drop {
            display: inline-block;
            height: 22px;
            line-height: 22px;
            padding: 0 5px;
            background-color: #68b86c;
            color: #fff;
            white-space: nowrap;
            text-align: center;
            font-size: 12px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
    <title>我的培训</title>
</head>

<body onload="Trainload()">
    <div class="title"><h2>我的培训</h2></div>
    <div class="query">
        <div class="tabe_bot">
            <div class="l_left"><label>培训名称：</label><input type="text" placeholder="请输入培训名称" id="name"></div>
            <div class="l_left"><label>主讲人：</label><input type="text" placeholder="请输入主讲人" id="person"></div>
            <div class="l_left"><label>培训时间：</label><input type="date" id="time1" placeholder="输入培训时间" /></div>
            <button class="tabe_btn " id="search">查询</button>
            <div class="clear"></div>
        </div>
    </div>
    <div class="table-operate ue-clear">
        <a href="~/Home/Train_tail?id=0" class="add">添加信息</a>
        <a href="javascript:void()" class="del" id="batchDelete" data-type="getCheckData"><i class="fa fa-trash"></i>批量删除</a>
        <!--<a href="javascript:;" class="del">删除</a>-->
        <!--<a href="javascript:;" class="count">统计</a>-->
        <!--<a href="javascript:;" class="check">审核</a>-->
    </div>
    <div class="table-box">
        <table class="layui-hide" id="test" lay-filter="demo"></table>
        <script id="barDemo" type="textml">
            <a class="update" lay-event="edit">编辑</a>
            <a class="drop" lay-event="del">删除</a>
        </script>
    </div>
    <div class="pagination ue-clear"></div>
</body>
</html>
<script>
    !function () {
        laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
        laydate({ elem: '#demo' });//绑定元素
    }();
</script>

